<template>
	<!-- 未登录提示框 -->
	<!-- #ifdef MP-ALIPAY -->
	<view class="noLoginTips" :style="{'bottom': 200 + 'rpx'}">
	<!-- #endif -->
	<!-- #ifdef MP-TOUTIAO -->
	<view class="noLoginTips" :style="{'bottom': 130 + bottomHeight+'rpx'}">
	<!-- #endif -->
	<!-- #ifdef MP-WEIXIN -->
	<view class="noLoginTips" :style="{'bottom': 160 + bottomHeight+'rpx'}">
	<!-- #endif -->
		<view class="text">登录查看更多职位</view>
		<view class="btn" @click="handleJumpToLogin">登录/注册</view>
	</view>
	<!-- 未登录提示框 -->
</template>
<script>
	export default {
		data() {
			return {
				bottomHeight: 0
			}
		},
		created(){
			uni.getSystemInfo({
			　　success: res => {
			　　　　this.bottomHeight = res.screenHeight - res.safeArea.bottom;
			　　},
			　　fail(err) {
			　　　　this.bottomHeight = 0
			　　}
			})
		},
		methods: {
			handleJumpToLogin() {
				 uni.navigateTo({
					 url: '/member/Home'
				 })
			}
		},
	}
</script>
<style lang="scss" scoped>
	.noLoginTips {
		background: #fff;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 27rpx;
		position: fixed;
		bottom: 185rpx;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 30rpx;
		width: calc(100% - 60rpx);
		margin: 0 auto;
		box-shadow: 0rpx 0rpx 10rpx 10rpx rgba(173, 173, 173, 0.15);
		z-index: 10;
		.text {
			color: #2a2a2a;
			font-size: 32rpx;
		}
	
		.btn {
			color: #ffffff;
			font-size: 26rpx;
			background: #3f7eff;
			border-radius: 30rpx;
			padding: 14rpx 34rpx;
		}
	}
</style>